<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .div1{
            /* 文本间距(字母文字) */
            letter-spacing: 10px;
            /* 首行缩进 */
            text-indent: 80px;
        }
        .div2{
            /* 单词间距，通过空格识别单词 */
            word-spacing: 20px;
            /* 文本对齐方式水平方向（左中右） */
            text-align: right;
            /* 垂直方向 */
            vertical-align:bottom;
            /* 行高 */
            line-height: 100px;
            /* div不设置hight由内容撑开，设置了，就以hight为准 */
        }
    </style>
</head>
<body>
    <div>helllo you get a gream 1</div>
    <div class="div1">helllo you get a gream 2</div>
    <div class="div2">helllo you get a gream 2 为啥 5555 888 ddddddddddddddddddddddddddddddddddd
        ddddddddddddddddddddddddddddddddddddddsffffffffffdasfjldsfj的距离是否建立十大福克斯的卡拉飞机离开的萨芬撒反对是；sf
        拉萨扩大飞机两岁大的埃弗拉
    </div>
</body>
</html>